// 路由鉴权
import router from '@/router/index'
// 引入nprogress插件
import nprogress from 'nprogress'
import 'nprogress/nprogress.css'
import useUserStore from '@/store/modules/user'
import setting from './setting'
// 添加nprogress插件配置对象，取消加载时的loading图标
nprogress.configure({ showSpinner: false })
router.beforeEach(async (to: any, from: any, next: any) => {
  // 修改当前页面title属性
  document.title = `${setting.title} - ${to.meta.title}`
  nprogress.start()
  let userStore = useUserStore()
  let token = userStore.token
  let username = userStore.username
  // 判断当前仓库中是否有token，如果有token放行，如果没有token重定向到登录页
  if (token) {
    // 如果当前有token，并且to.path为login，默认跳转到首页
    if (to.path == '/login') {
      next({ path: '/' })
    } else {
      // 如果当前仓库中没有username属性，那么重新请求userinfo接口获取当前用户信息，用于解决刷新页面后仓库中的个人信息丢失问题，也就是仓库持久化
      if (username) {
        next()
      } else {
        try {
          await userStore.getUserInfo()
          //万一:刷新的时候是异步路由,有可能获取到用户信息、异步路由还没有加载完毕,出现空白的效果
          next({ ...to })
        } catch (error) {
          // 用户token过期了，清空userStore中的数据，并且跳转到登录页，并携带当前的路径作为参数
          await userStore.logout()
          next({ path: '/login', query: { redirect: to.path } })
        }
      }
    }
  } else {
    // 如果当前没有token，并且to.path为login，那么直接放行
    if (to.path == '/login') {
      next()
    } else {
      // 否则的话，跳转到login，并携带参数
      next({
        path: '/login',
        query: {
          redirect: to.path,
        },
      })
    }
  }
})

router.afterEach((to: any, from: any) => {
  nprogress.done()
})
